<!--
 * @Descripttion:
 * @version: 
 * @Author:Hui
 * @Date: 2023-10-12 17:20:18
 * @LastEditTime: 2025-08-06 23:07:18
 * @LastEditors: sueRimn
-->


<template>
  <view class='footer-btns d-flex align-items-center justify-content-end'>
    <view v-for="item in list" :key="item.actionCode">
      <button class="btn d-flex align-items-center justify-content-center" @click="handleBtnClick(item)">
        {{ item.actionName }}
      </button>
    </view>
  </view>
</template>

<script>

export default {
  props: {
    list: { type: Array, default: [] }
  },
  methods:{
    handleBtnClick(item) {
      // console.log('=====================>操作按钮:', item.actionCode)
      this.$emit('handleBtnClick', item.actionCode)
    }
  }
}

</script>

<style lang="scss" scoped>

.footer-btns {
  position: fixed;
  width: 100%;
  height: 100rpx;
  background-color: #fff;
  bottom: 0;
  left: 0;

  .btn {
    border: 1px solid var(--hui-color-border);
    background-color: #fff;
    border-radius: 50rpx;
    font-size: 28rpx;
    color: var(--hui-color-title);
    height: 68rpx;
    width: 172rpx;
    margin: 20rpx 20rpx 20rpx 0;
    &::before{
      border: 0;
    }
    &::after{
      border: 0;
    }
  }
}
</style>